import 'package:flutter/material.dart';
import 'package:untitled1/app/broker/modules/my/AboutPage.dart';
import 'package:untitled1/app/res/myColors.dart';
import 'package:untitled1/app/utils/utilRouter.dart';

//设置
class SettingsPage extends StatelessWidget {
  const SettingsPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('设置'),
        centerTitle: true,
        backgroundColor: Colors.white,
        foregroundColor: Colors.black,
        elevation: 0.5,
      ),
      backgroundColor: const Color(0xFFF5F5F5),
      body: ListView(
        children: [
          Container(
            alignment: Alignment.centerLeft,
            height: 40,
            margin: const EdgeInsets.only(left: 15, right: 15),
            child: Text('手机账号', style: TextStyle(color: myColors.c_191919)),
          ),

          buildItemNew('账号管理', subtitle: '123232322'),

          // Container(
          //   color: Colors.white,
          //   height: 50,
          //   child: ListTile(
          //     contentPadding: const EdgeInsets.symmetric(
          //       horizontal: 0,
          //       vertical: 0,
          //     ),
          //     leading: Image.asset(
          //       'assets/app/zhanghaoguanli.png',
          //       height: 30,
          //       width: 30,
          //     ),
          //     title: Text('账号管理', style: const TextStyle(fontSize: 14)),
          //     subtitle: Text(
          //       '137****8976',
          //       style: const TextStyle(fontSize: 12),
          //     ),
          //     trailing: Row(
          //       mainAxisSize: MainAxisSize.min,
          //       children: [
          //         Text('更换手机号', style: TextStyle(color: myColors.c_707070)),
          //         const Icon(Icons.arrow_forward_ios, size: 16),
          //       ],
          //     ),
          //     onTap: () {},
          //   ),
          // ),
          //
          // const SizedBox(height: 10),
          //
          // // 第一组
          // buildItemGroup([buildItem(context, '账号与安全')]),
          //
          // const SizedBox(height: 10),
          //
          // // 第二组
          // buildItemGroup([
          //   buildItem(context, '新消息通知'),
          //   buildItem(context, '隐私'),
          //   buildItem(context, '通用'),
          // ]),
          //
          // const SizedBox(height: 10),
          //
          // // 第三组
          // buildItemGroup([
          //   buildItem(context, '帮助与反馈'),
          //   buildItem(context, '关于我们'),
          // ]),
          //
          // const SizedBox(height: 20),
          //
          // // 第四组：切换账号 / 退出登录
          // buildItemGroup([
          //   buildCenterButton(context, '切换账号'),
          //   const Divider(height: 0.5),
          //   buildCenterButton(context, '退出登录'),
          // ]),
        ],
      ),
    );
  }

  // 分组容器
  // Widget buildItemGroup(List<Widget> children) {
  //   return Container(color: Colors.white, child: Column(children: children));
  // }

  Widget buildItemNew(
    String title, {
    BuildContext? context,
    String? subtitle,
    VoidCallback? onTap,
  }) {
    return Container(
      height: 50,
      padding: const EdgeInsets.symmetric(horizontal: 10),
      color: Colors.white,
      child: InkWell(
        onTap: onTap,
        child: Stack(
          alignment: Alignment.center,
          children: [
            Align(
              alignment: Alignment.centerLeft,
              child: Image.asset(
                'assets/app/zhanghaoguanli.png',
                height: 30,
                width: 30,
              ),
            ),
            Positioned(
              left: 30,
              child: Container(
                margin: const EdgeInsets.only(left: 5),
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.start,
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Text(
                      '账号管理',
                      style: const TextStyle(fontSize: 14),
                      textAlign: TextAlign.left,
                    ),
                    Text('137****8976', style: const TextStyle(fontSize: 12)),
                  ],
                ),
              ),
            ),
            Align(
              alignment: Alignment.centerRight,
              child: Row(
                mainAxisSize: MainAxisSize.min,
                children: [
                  Text('更换手机号', style: TextStyle(color: myColors.c_707070)),
                  const Icon(Icons.arrow_forward_ios, size: 12),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
  //
  // // 普通条目
  // Widget buildItem(BuildContext context, String title, {VoidCallback? onTap}) {
  //   return Column(
  //     children: [
  //       ListTile(
  //         title: Text(title, style: const TextStyle(fontSize: 16)),
  //         trailing: const Icon(Icons.arrow_forward_ios, size: 16),
  //         onTap:
  //             onTap ??
  //             () {
  //               if (title == '关于我们') {
  //                 utilRouter.to(AboutPage());
  //               } else if (title == '新消息通知') {}
  //             },
  //       ),
  //       const Divider(height: 0.5),
  //     ],
  //   );
  // }
  //
  // // 中间按钮（切换账号 / 退出登录）
  // Widget buildCenterButton(BuildContext context, String text) {
  //   return InkWell(
  //     onTap: () {
  //       // TODO: 点击逻辑
  //     },
  //     child: Container(
  //       padding: const EdgeInsets.symmetric(vertical: 16),
  //       alignment: Alignment.center,
  //       child: Text(
  //         text,
  //         style: const TextStyle(fontSize: 16, color: Colors.black),
  //       ),
  //     ),
  //   );
  // }
}
